<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <link rel="stylesheet" href="css/commodityList.css" />
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_508934_agqlfse9qojsv2t9.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_508931_vxc9n1ii82n019k9.css" />
    <link rel="stylesheet" href="css/head_top_footer.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/commodityList.js"></script>
    <script src="js/hk库.js"></script>
	<script>
		$(function(){
			// 公共部分
			$('.header').load('head.html');
			$('.footer').load('footer.html');
		});
	</script>
</head>
<body>
<!--top头部-->
<div class="header"></div>
	
	<!--主要内容-->
<div id="main">
    <!-- <div class="main_top1">
        <span>您已选择：</span>
        <span>全部分类</span>
        <span> > </span>
        <span>运动器材</span>
        <span> v </span>
    </div> -->
   <!-- <div class="main_top2">
        <div class="main_top2_left">
            <ul>
                <li id="brand">品牌：</li>
                <li>体育用品：</li>
                <li>材质：</li>
                <li>更多刷选：</li>
                <li style="border-bottom: none">高级选项：</li>
            </ul>
        </div> -->
       <!-- <div class="main_top2_right">
            <ul>
                <li id="brand_img">
                    <img src="img/Listpage/classification_1.jpg" alt="">
                    <img src="img/Listpage/classification_2.jpg" alt="">
                    <img src="img/Listpage/classification_3.jpg" alt="">
                    <img src="img/Listpage/classification_4.jpg" alt="">
                    <img src="img/Listpage/classification_5.jpg" alt="">
                    <img src="img/Listpage/classification_6.jpg" alt="">
                    <img src="img/Listpage/classification_7.jpg" alt="">
                    <img src="img/Listpage/classification_8.jpg" alt="">
                    <img src="img/Listpage/classification_9.jpg" alt="">
                    <img src="img/Listpage/classification_10.jpg" alt="">
                    <img src="img/Listpage/classification_11.jpg" alt="">
                    <img src="img/Listpage/classification_12.jpg" alt="">
                    <img src="img/Listpage/classification_13.jpg" alt="">
                    <img src="img/Listpage/classification_14.jpg" alt="">
                    <img src="img/Listpage/classification_15.jpg" alt="">
                    <img src="img/Listpage/classification_16.jpg" alt="">
                    <img src="img/Listpage/classification_17.jpg" alt="">
                    <img src="img/Listpage/classification_18.jpg" alt="">
                </li>
                <li>
                    <ul class="design">
                        <li>篮球</li>
                        <li>羽毛球</li>
                        <li>乒乓球</li>
                        <li>足球</li>
                        <li>其它</li>
                        <li>滑轮滑板</li>
                        <li>网球</li>
                    </ul>
                    <span class="multi">+ 多选</span>
                    <span class="more">更多 v</span>
                </li>
                <li>
                    <ul class="design">
                        <li>真皮</li>
                        <li>PU</li>
                        <li>PVC</li>
                        <li>橡胶</li>
                        <li>其它</li>
                    </ul>
                    <span class="multi">+ 多选</span>
                    <span class="more">更多 v</span>
                </li>
                <li>
                    <ul class="design">
                        <li>足球</li>
                        <li>乒乓球</li>
                        <li>羽毛球</li>
                        <li>网球拍</li>
                        <li>羽毛球</li>
                        <li>套胶皮</li>
                        <li>篮球网</li>
                    </ul>
                    <span class="multi">+ 多选</span>
                    <span class="more">更多 v</span>
                </li>
                <li>
                    <ul id="screen">
                        <li><span>规格 </span>v</li>
                        <li><span>颜色 </span>v</li>
                        <li><span>功能 </span>v</li>
                        <li><span>适合人群 </span>v</li>
                        <li><span>球拍重量 </span>v</li>
                        <li><span>足球缝线 </span>v</li>
                        <li><span>上市时间 </span>v</li>
                        <li><span>场合 </span>v</li>
                        <li><span>智能 </span>v</li>
                        <li><span>适合对象 </span>v</li>
                        <li><span>其他分类 </span>v</li>
                    </ul>
                </li>
            </ul>
        </div> 
    </div> -->
    <!-- <div class="main_top3">
        <div class="main_top30">
            <ul class="main_top3_left">
                <li>综合<span class="iconfont icon-x"></span></li>
                <li>销量<span class="iconfont icon-x"></span></li>
                <li>评论数<span class="iconfont icon-x"></span></li>
                <li>新品<span class="iconfont icon-x"></span></li>
                <li>价格<span class="iconfont icon-x"></span></li>
            </ul>
        </div>
        <span class="main_top3_left0">
            <img src="img/Listpage/datalita_03.png" alt="">
        </span>
        <div class="main_top3_left1">
            <div class="main_top3_left10">￥
                <input type="text" />
            </div>
            <span>-</span>
            <div class="main_top3_left10">￥
                <input type="text" />
            </div>
        </div>
        <div class="main_top3_left2">
            <input type="text" placeholder="关键词搜索">
            <button>确定</button>
        </div>
        <div class="main_top3_left3">
            <span>共</span>
            <span id="Total">81万+</span>
            <span>件商品</span>
            <span id="num">1</span>
            <span>/100</span>
            <button><</button>
            <button>></button>
        </div>
    </div> -->
    <div class="main_main">
		
        <!-- <div class="content">
            <div class="img_box">
                <a href="商品详情页.html">
                    <img src="img/Listpage/Basketball_1.jpg" alt=""/>
                </a>
            </div>
            <div class="introduce">
                火车 Train 火车头 TB7071 室内外通用PU超纤革 标准7号 篮球
            </div>
            <div class="price">
                <del class="old_price">￥310</del>
                <span>￥</span>
                <span class="new_price">229</span>
            </div>
            <div class="add_content">
                <span class="contrast">对比</span>
                <div class="com1">
                    <div class="com"><span>0</span>评,</div>
                    <span><span>0</span>问</span>
                    <span class="new">新品</span>
                </div>
            </div>
        </div> -->
		
        <!-- <div class="main_main1">
            <ul>
                <li class="last"><  <span>上一页</span></li>
                <li class="num_1">1</li>
                <li class="num_1">2</li>
                <li class="num_1">3</li>
                <li class="num_1">4</li>
                <li class="num_1">5</li>
                <li class="num_1">6</li>
                <li class="num_1">7</li>
                <li class="ellipsis">...</li>
                <li class="next"><span>下一页</span> > </li>
            </ul>
        </div> -->
    </div>
    <div class="main_footer">
        <div class="like">
            <div class="like_left1">
                <img src="img/Listpage/love_03.png" alt="" />
                <div>猜你喜欢</div>
                <div id="Recommend">根据您的浏览记录推荐的产品</div>
            </div>
            <div class="like_right">换一批</div>
        </div>
        <div class="like_img">
            <div class="like_img1">
                <div>
                    <a href="#">
                        <img src="img/Listpage/like1.jpg" alt=""/>
                    </a>
                </div>
                <div class="like_write">洁客（Drymax）低尘抗菌 膨润土洁团猫砂 10L</div>
                <div class="like_price">
                    ￥23
                </div>
            </div>
            <div class="like_img1">
                <div>
                    <a href="#">
                        <img src="img/Listpage/like2.jpg" alt=""/>
                    </a>
                </div>
                <div class="like_write">斯伯丁Spalding 54英寸按钮式升降篮球框 训练比赛篮球</div>
                <div class="like_price">
                    ￥3888
                </div>
            </div>
            <div class="like_img1">
                <div>
                    <a href="#">
                        <img src="img/Listpage/like3.jpg" alt=""/>
                    </a>
                </div>
                <div class="like_write">洁珊 宠物猫砂9L</div>
                <div class="like_price">
                    ￥45
                </div>
            </div>
            <div class="like_img1">
                <div>
                    <a href="#">
                        <img src="img/Listpage/like4.jpg" alt=""/>
                    </a>
                </div>
                <div class="like_write">bestray 乒乓球拍清洁套餐 护理工具 (清洁剂 清洁棉 护</div>
                <div class="like_price">
                    ￥23
                </div>
            </div>
            <div class="like_img1">
                <div>
                    <a href="#">
                        <img src="img/Listpage/like5.jpg" alt=""/>
                    </a>
                </div>
                <div class="like_write">bestray 乒乓球拍清洁套餐 护理工具 (清洁剂 清洁棉 护</div>
                <div class="like_price">
                    ￥23
                </div>
            </div>
            <div class="like_img1">
                <div>
                    <a href="#">
                        <img src="img/Listpage/like3.jpg" alt=""/>
                    </a>
                </div>
                <div class="like_write"> 洁珊 宠物猫砂9L</div>
                <div class="like_price">
                    ￥45
                </div>
            </div>
            <div class="like_img1">
                <div>
                    <a href="#">
                        <img src="img/Listpage/like2.jpg" alt=""/>
                    </a>
                </div>
                <div class="like_write">斯伯丁Spalding 54英寸按钮式升降篮球框 训练比赛篮球</div>
                <div class="like_price">
                    ￥3888
                </div>
            </div>
            <div class="like_img1">
                <div>
                    <a href="#">
                        <img src="img/Listpage/like1.jpg" alt=""/>
                    </a>
                </div>
                <div class="like_write">洁客（Drymax）低尘抗菌 膨润土洁团猫砂 10L</div>
                <div class="like_price">
                    ￥23
                </div>
            </div>
            <div class="like_img1">
                <div>
                    <a href="#">
                        <img src="img/Listpage/like4.jpg" alt=""/>
                    </a>
                </div>
                <div class="like_write">bestray 乒乓球拍清洁套餐 护理工具 (清洁剂 清洁棉 护</div>
                <div class="like_price">
                    ￥23
                </div>
            </div>
            <div class="like_img1">
                <div>
                    <a href="#">
                        <img src="img/Listpage/like5.jpg" alt=""/>
                    </a>
                </div>
                <div class="like_write">bestray 乒乓球拍清洁套餐 护理工具 (清洁剂 清洁棉 护</div>
                <div class="like_price">
                    ￥23
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div class="footer"></div>
</body>
</html>